<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>了解更多</title>
    <link href="JQuery/jquery-ui.min.css" rel="stylesheet">
    <link href="mystyle/Content4.css" rel="stylesheet">
    <script src="JQuery/jquery-3.4.1.min.js"></script>
    <script src="JQuery/jquery-ui.min.js"></script>
    <script src="myscript/Content4.js" rel="stylesheet"></script>


</head>
<body>
<div id="content">
    <div id="main">


        <div id="upDivContent">
            <div id="upTitle">
                <h1 class="common">寻找更多足迹</h1>
                <p class="common">小标题</p>
                <p class="little_a"><a href="#">更多</a></p>
            </div>
            <div id="mainContent">
                <div class="template">
                    <div class="conForjs0 imgContainer fistImg">
                        <img class="img0" width="250px" src="images/fzs.jpg">
                        <div class="hideDiv">
                            <p>标题1</p>
                            <p>小标题</p>
                            <p>标题1</p>


                        </div>


                    </div>

                    <div class="conForjs1 imgContainer ">
                        <img class="img1" width="310px" src="images/descoration.png">
                        <div class="hideDiv">
                            <p>标题1</p>
                            <p>小标题</p>
                            <p>标题1</p>


                        </div>


                    </div>

                    <div class="conForjs2 imgContainer ">
                        <img class="img2" width="280px" src="images/swiper3.jpg">
                        <div class="hideDiv">
                            <p>标题1</p>
                            <p>小标题</p>
                            <p>标题1</p>


                        </div>


                    </div>
                </div>
                <div class="template">
                    <div class="conForjs3 imgContainer fistImg">
                        <img class="img3" width="250px" src="images/pic9.jpg">
                        <div class="hideDiv">
                            <p>标题1</p>
                            <p>小标题</p>
                            <p>标题1</p>


                        </div>


                    </div>
                    <div class="conForjs4 imgContainer ">
                        <img class="img4" height="250px" src="images/pic1.jpg">
                        <div class="hideDiv">
                            <p>标题1</p>
                            <p>小标题</p>
                            <p>标题1</p>


                        </div>


                    </div>
                    <div class="conForjs5 imgContainer ">
                        <img class="img5" width="250px" src="images/pic17.jpg">
                        <div class="hideDiv">
                            <p>标题1</p>
                            <p>小标题</p>
                            <p>标题1</p>


                        </div>


                    </div>
                </div>


            </div>
            <div id="others">
                <button>点击了解更多</button>
            </div>


        </div>

        <div id="footer">
            <div class="navTo">
                <div class="buttonDiv"><a href="index.html">首页</a></div>
                <div class="buttonDiv"><a href="Content1.html">页面一</a></div>
                <div class="buttonDiv"><a href="Content2.html">页面二</a></div>
                <div class="buttonDiv"><a href="Content3.html">页面三</a></div>
                <div class="buttonDiv"><a href="Content4.html">页面四</a></div>

            </div>
            <div id="contact">
                <div class="buttonDivElse"><a href="#">其他问题</a></div>
                <div class="buttonDivElse"><a href="#">联系我们</a></div>
            </div>

        </div>
    </div>

</div>

</body>
</html>